<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品溯源信息详情页</title>
    <link rel="stylesheet" href="./css/normalize.css" />
    <!-- 先引入css文件 放到自己css文件的上面 -->
    <link rel="stylesheet" href="./css/swiper.min.css" />
    <!-- <link rel="stylesheet" href="./css/index.css" /> -->
    <link rel="stylesheet" href="./css/info.css" />
    <link rel="stylesheet" href="./info1.html" />
    <!-- 引入js文件 -->
    <script src="js/flexible.js"></script>
    <script src="js/swiper.min.js"></script>
    <!-- 引入图标 -->
    <link rel="stylesheet" href="./font/font_biaoqian/iconfont.css">
    <link rel="stylesheet" href="./font/font_suyuan1/iconfont.css">
    <link rel="stylesheet" href="./font/font_dingwei/iconfont.css">
    <link rel="stylesheet" href="./font/font_tourupin/iconfont.css">
    <!-- 引入图标 -->
    <link rel="stylesheet" href="./font/font_zuojiantou/iconfont.css">
    <link rel="stylesheet" href="./font/font_youjiantou/iconfont.css">
    <!-- 引入图标 -->
    <link rel="stylesheet" href="./font/font_zuojiantou/iconfont.css">
    <script type="text/javascript" src="js/laydate.js"></script>
</head>

<body class="info">

    <body>
        <!-- 头部区域 -->
        <div class="header">
            <div class="logo">
                <a href="#">
                    <img src="./upload/logo.png" alt="">
                </a>
            </div>
            <p>安徽农业大学食堂采购商品溯源信息详情页</p>
            <a href="index.html"><span class="pre">&#xe642;</span></a>
            <!-- <span>商家名称: 百大合家福 &nbsp;&nbsp;商家地点: 合肥市庐阳区长江西路199号</span> -->
            <!-- <a href="#"><span class="pre1">&#xe642;</span></a>
            <a href="#"><span class="next">&#xe61c;</span></a> -->
            <input class="laydate-icon" id="demo" value="请选择时间">
            <input type="submit" value="查询" class="header_search" />
        </div>

        <!-- 产品信息部分 -->
        <div class="info-pic">

            <img src="./images/kongxincai.jpg" alt="">
            <span>  该商品溯源二维码</span>
            <img src="./images/erweima.png" alt="">
            <!-- <span>溯源二维码</span> -->

        </div>
        <!-- 查询结果模块 -->
        <div class="result">
            <h3>溯源详情 </h3>
            <p>你所查询的商品是安徽省农产品质量安全追溯管理信息平台的产品，感谢您的查询！</p>
            <span>该商品扫码累计: <input type="text">人次
            </span>
            <!-- <i>查询日期: <input type="text"></i> -->
        </div>
        <!-- 溯源信息模块 -->
        <div class="source">
            <h3>溯源信息</h3>
            <!-- <h2>商品信息</h2> -->
            <p>商品名称: <input type="text"></p>
            <p>保质期: <input type="text"></p>
            <p>出产日期: <input type="text"></p>
            <p>产地: <input type="text"></p>
            <p>生产企业名称: <input type="text" class="name"></p>
            <p>生产企业电话: <input type="text"></p>
            <p>责任人: <input type="text"></p>
        </div>
        <!-- 企业信息模块 -->
        <!-- <div class="enterprise">
            <h3>企业信息</h3>
            <p>生产企业名称<input type="text"></p>
            <p>生产企业电话<input type="number"></p>
            <p>责任人<input type="number"></p>
        </div> -->

        <!-- 农事作业投入品 -->
        <div class="devotion">
            <h3>农事作业信息</h3>
            <div class="check">
                <!-- <a href="info1.html">
                    农事作业信息
                </a> -->

                暂无农事作业信息

            </div>
        </div>

        <!-- 底部部分 -->
        <footer class="footer">
            @版权所有:安徽省北斗精准农业信息工程实验室
        </footer>

        <script type="text/javascript">
            ! function() {
                laydate.skin('dahong'); //切换皮肤，请查看skins下面皮肤库
                laydate({
                    elem: '#demo'
                }); //绑定元素
            }();

            //日期范围限制
            var start = {
                elem: '#start',
                format: 'YYYY-MM-DD',
                min: laydate.now(), //设定最小日期为当前日期
                max: '2099-06-16', //最大日期
                istime: true,
                istoday: false,
                choose: function(datas) {
                    end.min = datas; //开始日选好后，重置结束日的最小日期
                    end.start = datas //将结束日的初始值设定为开始日
                }
            };

            var end = {
                elem: '#end',
                format: 'YYYY-MM-DD',
                min: laydate.now(),
                max: '2099-06-16',
                istime: true,
                istoday: false,
                choose: function(datas) {
                    start.max = datas; //结束日选好后，充值开始日的最大日期
                }
            };
            laydate(start);
            laydate(end);

            //自定义日期格式
            laydate({
                elem: '#test1',
                format: 'YYYY年MM月DD日',
                festival: true, //显示节日
                choose: function(datas) { //选择日期完毕的回调
                    alert('得到：' + datas);
                }
            });

            //日期范围限定在昨天到明天
            laydate({
                elem: '#hello3',
                min: laydate.now(-1), //-1代表昨天，-2代表前天，以此类推
                max: laydate.now(+1) //+1代表明天，+2代表后天，以此类推
            });
        </script>
    </body>

</html>